<template>
  <div id="app">
    <nav>
      <router-link to="/">首页</router-link> |
      <router-link to="/toggle">显示隐藏</router-link> |
      <router-link to="/light">开关灯</router-link> |
      <router-link to="/meinv">美女相册</router-link>  |
      <router-link to="/product">产品列表</router-link> |
      <router-link to="/computer">计算器</router-link>  |
      <router-link to="/guige">产品规格</router-link>  |
      <router-link to="/tab">标签页</router-link> |
      <router-link to="/msg">留言板</router-link> |
      <router-link to="/todo_basic">待办任务(基础版本)</router-link>
      
    </nav>

    <!-- <router-view/> -->
    <router-view></router-view>

  </div>
</template>

<style>
  /* 激活的路由样式 */
  .router-link-exact-active{
    color:red;
  }
</style>
